<script>
  export let height = "24px";
  export let width = "24px";
  export let color = "grey";
</script>

<svg
  {width}
  {height}
  viewBox="0 0 12 14"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <g clip-path="url(#clip0_7408_4451)">
    <path
      d="M3.91669 4.0835V5.3335H8.08335V4.0835C8.08335 2.93245 7.15106 2.00016 6.00002 2.00016C4.84898 2.00016 3.91669 2.93245 3.91669 4.0835ZM2.25002 5.3335V4.0835C2.25002 2.01318 3.92971 0.333496 6.00002 0.333496C8.07033 0.333496 9.75002 2.01318 9.75002 4.0835V5.3335H10.1667C11.086 5.3335 11.8334 6.08089 11.8334 7.00016V12.0002C11.8334 12.9194 11.086 13.6668 10.1667 13.6668H1.83335C0.914083 13.6668 0.166687 12.9194 0.166687 12.0002V7.00016C0.166687 6.08089 0.914083 5.3335 1.83335 5.3335H2.25002Z"
      fill={color}
    />
  </g>
  <defs>
    <clipPath id="clip0_7408_4451">
      <rect
        width="11.6667"
        height="13.3333"
        fill="white"
        transform="translate(0.166687 0.333496)"
      />
    </clipPath>
  </defs>
</svg>
